<app-common-header [title]="'myAccount.setting.accountScurity.title'|translate" [routerUrl]="'/tabs/myAccount/setting'"></app-common-header>
<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col size="12" class="address-item" [routerLink]="['/tabs/myAccount/setting/account-security/mobile-number']" 
                                              [queryParams]="{'mobileNumber':appUser.mobileNumber}">
        <div>
          {{'myAccount.setting.accountScurity.mobileNumber'|translate}}
        </div>
        <div class="input-btn">
          {{appUser.mobileNumber}}
          <ion-icon class="setting_icon" name="chevron-forward-outline" 
                    [routerLink]="['/tabs/myAccount/setting/account-security/mobile-number']"
                    [queryParams]="{'mobileNumber':appUser.mobileNumber}"></ion-icon>
        </div>
      </ion-col>
      <ion-col size="12" class="address-item" [routerLink]="['/tabs/myAccount/setting/account-security/login-password']">
        <div>
          {{'myAccount.setting.accountScurity.loginPassword'|translate}}
        </div>
        <div class="input-btn">
          <ion-icon class="setting_icon" name="chevron-forward-outline" [routerLink]="['/tabs/myAccount/setting/account-security/login-password']"></ion-icon>
        </div>
      </ion-col>
      <ion-col size="12" class="address-item">
        <div>
          {{'myAccount.setting.accountScurity.touchIdLogin'|translate}}
        </div>
        <div>
          <ion-toggle class="fingerPrint-toggle" 
                      [ngClass]="{'fingerPrint-toggle-on':appUser.fingerPrintLogin,'fingerPrint-toggle-off':!appUser.fingerPrintLogin}"
                      color="primary" 
                      [(ngModel)]="appUser.fingerPrintLogin" 
                      (click)="changeFingerPrintLoginEnable()">
          </ion-toggle>
        </div>
      </ion-col>
      <ion-col size="12" class="address-item"  (click)="toEmailPage()">
        <div>
          {{'myAccount.setting.accountScurity.emailAddress'|translate}}
        </div>
        <div>
          <div class="input-btn">{{appUser.email}}
            <ion-icon class="setting_icon" name="chevron-forward-outline" (click)="toEmailPage()"></ion-icon>
          </div>
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

